<template>
    <div>
        <div class="goods_list">
            <div class="item">
                <img src="../../../images/11.jpg"
                    alt="">
                <span>美食</span>
            </div>
            <div class="item">
                <img src="../../../images/22.jpg"
                    alt="">
                <span>猫眼电影</span>
            </div>
            <div class="item">
                <img src="../../../images/33.jpg"
                    alt="">
                <span>酒店</span>
            </div>
            <div class="item">
                <img src="../../../images/44.jpg"
                    alt="">
                <span>休闲娱乐</span>
            </div>
            <div class="item">
                <img src="../../../images/55.jpg"
                    alt="">
                <span>外卖</span>
            </div>
            <div class="item">
                <img src="../../../images/66.jpg"
                    alt="">
                <span>KTV</span>
            </div>
            <div class="item">
                <img src="../../../images/77.jpg"
                    alt="">
                <span>周边游</span>
            </div>
            <div class="item">
                <img src="../../../images/88.jpg"
                    alt="">
                <span>丽人</span>
            </div>
            <div class="item">
                <img src="../../../images/444.png"
                    alt="">
                <span>母婴亲子</span>
            </div>
            <div class="item">
                <img src="../../../images/555.jpg"
                    alt="">
                <span>全部分类</span>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'Meishi',
    components: {

    }
}
</script>

<style lang="scss" scoped>
.goods_list {
    display: flex;
    height: 10.46667rem;
    flex-wrap: wrap;
    padding: 0.26667rem 0;
    background-color: white;
}

.goods_list .item {
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.goods_list img {
    width: 2.5rem;
}

.goods_list span {
    font-size: 0.34667rem;
    padding-top: 0.13333rem;
}
</style>